<template>
	<view class="detail-pops">
		<!-- 详情 -->
		<uni-popup @close="close" @open="open" ref="uniPopup" type="center">
			<view class="pop-box">
				<view class="title">
					温馨提示
				</view>
				<text class="tips">您还不是会员用户，无法绑定设备!</text>
				<view class="bths">
					<view class="bth" @click="close">
						取消
					</view>
					<view class="bth sure" @click="tabsto">
						确定
					</view>
				</view>
			</view>
		</uni-popup>
	</view>
</template>

<script>
	export default {
		name: "cos-pupop",
		data() {
			return {
                  vipList:[
					  {name:"普通会员",id:1},
					  {name:"高级会员",id:2},
					  {name:"特级会员",id:3},
				  ],
				  showId:1
			};
		},
		methods: {
			 close(){
				this.$refs.uniPopup.close()
			 },
             open(){
             	this.$refs.uniPopup.open()
             },
			 tabsto(){
				 this.close()
				 uni.switchTab({
				 	url:"/pages/vip/vip"
				 })
			 }
		}
	}
</script>

<style lang="scss" scoped>
	.pop-box {
		width: 85vw;
		background: #fff;
		border-radius: 20rpx;
		display: flex;
		flex-direction: column;
		position: relative;
		.title{
			width: 100%;
			text-align: center;
			font-weight: bold;
			font-size: 35rpx;
			height: 90rpx;
			line-height: 160rpx;
			background: linear-gradient(to bottom, rgba(82, 154, 238, 0.3) 20%, rgba(82, 154, 238, .1), rgba(82, 154, 238, 0.01));
			margin-bottom: 30rpx;
		}
		.tips{
			width: 100%;
			text-align: center;
			margin: 30rpx 0;
		}
		.bths{
			width: 100%;
			display: flex;
			align-items: center;
			gap: 20rpx;
			padding: 0 30rpx;
			.bth{
				flex: 1;
				border-radius: 60rpx;
				padding:25rpx 0;
				color: #7B8383;
				text-align: center;
				margin: 30rpx 0;
				background-color: #F5F5F5;
				font-weight: bold;
			}
			.sure{
				background-color: #529AEE;
				color: #fff;
			}
		}
	 }
</style>